// 修改后的 leaderboard.js
document.addEventListener('DOMContentLoaded', function () {
	// 检查登录状态并更新导航栏
	updateUserInfo();
	
    // 初始渲染排行榜
    renderLeaderboard();

    // 设置刷新按钮点击事件
    setupRefreshButton();

    // 设置分页按钮点击事件
    // setupPagination();
});

//用户登录获取
function updateUserInfo() {
	const currentUser = JSON.parse(localStorage.getItem('currentUser'));
	const loginLink = document.getElementById('login-link');
	const userProfile = document.getElementById('user-profile');
	const userAvatar = document.getElementById('user-avatar');
	const usernamelink = document.getElementById('username');

	if (currentUser) {// 用户已登录
		loginLink.style.display = 'none';
		userProfile.style.display = 'flex';
		usernamelink.textContent = currentUser.username;

		if (currentUser.avatar) {// 显示用户头像
			userAvatar.src = currentUser.avatar;
			userAvatar.style.display = 'block';
		} else {// 没有头像时隐藏头像元素
			userAvatar.style.display = 'none';
			usernamelink.style.marginLeft = '0.5em';
		}
	} else {// 用户未登录
		loginLink.style.display = 'inline';
		userProfile.style.display = 'none';
	}
}

/**
 * 渲染排行榜
 */
function renderLeaderboard() {
    const leaderboardBody = document.getElementById('leaderboard-body');
    leaderboardBody.innerHTML = '';
    
    // 直接从winRecords获取数据
    const winRecords = JSON.parse(localStorage.getItem('winRecords')) || [];
    
    // 遍历胜利记录，创建表格行
    winRecords.forEach((record, index) => {
        const row = document.createElement('tr');

        // 创建排名单元格
        const rankCell = document.createElement('td');
        rankCell.className = 'rank';
        rankCell.textContent = index + 1;

        // 创建用户信息单元格
        const userCell = document.createElement('td');
        userCell.className = 'user';
        userCell.innerHTML = `
            <div class="avatar">
                ${record.avatar ? `<img src="${record.avatar}" alt="头像">` : '👤'}
            </div>
            ${record.username}
        `;

        // 创建分数单元格
        const scoreCell = document.createElement('td');
        scoreCell.className = 'score';
        scoreCell.textContent = record.wins;

        // 创建时间单元格
        const timeCell = document.createElement('td');
        timeCell.className = 'time';
        timeCell.textContent = new Date(record.lastWin).toLocaleString();

        // 将所有单元格添加到行中
        row.appendChild(rankCell);
        row.appendChild(userCell);
        row.appendChild(scoreCell);
        row.appendChild(timeCell);

        // 将行添加到表格中
        leaderboardBody.appendChild(row);
    });
}

/**
 * 设置刷新按钮点击事件
 */
function setupRefreshButton() {
    document.querySelector('.refresh-btn').addEventListener('click', () => {
        renderLeaderboard();
    });
}

/**
 * 设置分页按钮点击事件
 */
// function setupPagination() {
//     const pageBtns = document.querySelectorAll('.page-btn');
//     pageBtns.forEach(btn => {
//         btn.addEventListener('click', () => {
//             pageBtns.forEach(b => b.classList.remove('active'));
//             btn.classList.add('active');
//         });
//     });
// }

/**
//  * 添加新的胜利记录
//  * @param {string} username - 用户名
//  * @param {string} avatar - 头像URL
 */
// export function addWinRecord(username, avatar) {
//     const leaderboardData = JSON.parse(localStorage.getItem('badmintonLeaderboard')) || [];
//     const existingUserIndex = leaderboardData.findIndex(user => user.username === username);

//     if (existingUserIndex !== -1) {
//         // 用户已存在，增加胜利次数
//         leaderboardData[existingUserIndex].wins++;
//         leaderboardData[existingUserIndex].timestamp = new Date().toISOString();
//     } else {
//         // 新用户
//         leaderboardData.push({
//             username,
//             avatar,
//             wins: 1,
//             timestamp: new Date().toISOString()
//         });
//     }

//     // 按胜利次数排序
//     leaderboardData.sort((a, b) => b.wins - a.wins);

//     // 保存到localStorage
//     localStorage.setItem('badmintonLeaderboard', JSON.stringify(leaderboardData));

//     // 更新排行榜显示
//     renderLeaderboard();
// }